<template>
	<LottieAnimation
		:animation-data="LoadingIcon"
		:loop="true"
		:auto-play="true"
		:speed="1"
		:style="iconSize"
		v-bind="$attrs" />
</template>

<script setup lang="ts">
import { LottieAnimation } from 'lottie-web-vue'
import LoadingIcon from '@/assets/json/small-loading.json'
import { computed } from 'vue'

const props = defineProps({
	size: {
		type: [Number, String],
		default: '50'
	}
})
const iconSize = computed(() => `width: ${props.size}px`)
</script>
